// This file is part of Indico.
// Copyright (C) 2002 - 2025 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'base/palette' as *;

.vc-management {
  .add-room-options {
    margin-top: 1em;

    & > * {
      display: inline-block;
      vertical-align: middle;
    }

    .i-button {
      line-height: 2em;

      img {
        vertical-align: middle;
        width: 1.8em;
      }
    }
  }

  .i-table-widget > tbody {
    > tr.deleted {
      background: $light-gray;

      > td {
        color: $gray !important;
      }
    }

    img.plugin-logo {
      height: 2em;
    }
  }
}

@keyframes text-changed {
  from {
    color: $dark-blue;
  }

  to {
    color: $black;
  }
}

input[type='radio']:disabled + label {
  color: $gray;
}

input[type='text']#vc-name.highlight {
  animation: text-changed 0.75s linear;
}

.vc-room-list {
  display: flex;
  flex-direction: column;

  &:not(.attached) {
    gap: 0.2em;
  }
}

.ui.icon.message.vc-room-list-message {
  display: flex;

  > .icon {
    width: 5%;
  }

  .content {
    max-width: 90%;
  }
}

.vc-room-management-table {
  .vc-room-entry img {
    height: 1em;
    width: auto;
  }
}

.vc-management-button-toolbar {
  gap: 0.2em;
}

.ui.label.vc-room-info {
  padding: 0.1em;
  margin-right: 1em;

  img {
    width: 2em;
    height: auto;
  }
}
